<script setup>
import {onMounted, ref} from "vue";

const videoUrl = ref("")

const href = window.location.href;
const prefix = "/#/video?url="
const url = href.substring(href.indexOf(prefix) + prefix.length)

onMounted(()=>{
  videoUrl.value = url;
})
</script>

<template>
<div style="display: flex; width: 99vw; height: 97vh; justify-content: center; align-items: center;">
  <video style="width: 960px;height: 540px" :src="videoUrl" controls></video>
</div>
</template>

<style scoped lang="scss">

</style>